.crouse {
	display: flex;
	flex-direction: column;
	.min {
		padding: 0 10px;
		flex-grow: 1;
		height: 1px;
		overflow-y: auto;
		.title {
			line-height: 2.5em;
		}
		// 最新课程
		.newcrouse {
			a {
				display: block;
				border-radius: 15px;
				box-shadow: 0 0 10px 4px #aaa;
				margin-top: 15px;
				overflow: hidden;
				h3 {
					line-height: 2em;
					margin-left: 10px;
					color: black;
				}
				p {
					line-height: 2em;
					margin-left: 10px;
					font-size: 15px;
					color: #9a9a9a;
					font-weight: bold;
				}
				img {
					width: 100%;
				}
			}
		}
		// 课程
		.crouslist {
			li {
				position: relative;
				overflow: hidden;
				border-radius: 15px;
				box-shadow: 0 0 10px 4px #aaa;
				margin-bottom: 10px;
			}
			a {
				display: block;
				height: 150px;
				img {
					width: 100%;
					height: 150px;
				}
				h3 {
					position: absolute;
					left: 0;
					bottom: 50px;
					color: #fff;
					margin-left: 10px;
					margin-bottom: 10px;
				}
				p {
					position: absolute;
					left: 0;
					bottom: 20px;
					color: #fff;
					margin-left: 10px;
				}
			}
		}
	}
	// .navbar {
	// 	display: flex;
	// 	justify-content: space-around;

	// 	line-height: 3em;
	// 	border-bottom: 2px solid #dddddd;
	// 	font-weight: bold;
	// 	a {
	// 		color: #9a9a9a;
	// 		&.active {
	// 			color: #4294ff;

	// 			&::after {
	// 				content: "";
	// 				display: block;
	// 				margin: 0 auto;
	// 				height: 3px;
	// 				width: 80%;
	// 				background-color: #4294ff;
	// 			}
	// 		}
	// 	}
	// }
}
